<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_layout/top :: top"></head>
<body>
<div id="page-wrapper">
	<header th:replace="_layout/header :: header"></header>
		<!-- Breadcrumb Start -->
		<div class="page-banner-image w-100 breadcrumb-bar" style="background-image: url(static/assets/images/background/1.png); background-repeat: no-repeat;">
			<div class="container">
				<div class="row py-5">
					<div class="col-sm-6">
						<h3 class="text-white">支持</h3>
					</div>
					<div class="col-sm-6">
						<nav aria-label="breadcrumb" class="float-right">
							<ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
								<li class="breadcrumb-item"><a href="#">Home</a></li>
								<li class="breadcrumb-item"><a href="#">Pages</a></li>
								<li class="breadcrumb-item active" aria-current="page">Support</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
	<!-- Breadcrumb End -->


	<div class="full-row bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h1 class="text-center mx-auto down-line mb-5">我们能帮你什么忙</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<form action="#" method="post">
						<div class="row justify-content-center">
							<div class="col-lg-6 col-md-5">
								<input type="text" class="form-control" name="search" placeholder="Search Here...">
							</div>
							<div class="col-lg-3 col-md-4">
								<button class="btn btn-primary w-100">立即寻求帮助</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>


	<div class="full-row">
		<div class="container">
			<div class="row">
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-settings flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">服务指南</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-remote flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">一般支持</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<span class="flaticon-repair-1 flat-medium text-secondary"></span>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">技术支持</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-speech-bubble flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">投诉和反对</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-deal flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">付款保证书</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-money-1 flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">客户支持</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-fixed flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">采购支持</a></h6>
					</div>
				</div>
				<div class="col-xl-3 col-lg-4 col-md-6">
					<div class="bg-light hover-bg-primary hover-text-white transation p-5 text-center mb-4">
						<i class="flaticon-clock flat-medium text-secondary"></i>
						<h6 class="mt-4"><a href="#" class="text-secondary hover-text-white">现在开始吧</a></h6>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer th:replace="_layout/footer :: footer"></footer>
	<a href="#" class="bg-primary text-white hover-bg-primary" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>

</body>
</html>

